iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 15
0
自我挑戰組

自動化技術在生活與工作上的應用系列 第 15

[Day15].自動化產物外傳延伸

  • 分享至 

  • xImage
  •  

上次提到要製作react native tinder
看網路上其實蠻多教學 ,不過那個都大神級..步調好快
我都在邊學邊打註解,邊紀錄邊分享給大家
如何做單機版beetalk(誤xd

而這最主要的動作叫做 滑卡動畫
swipe deck animation
然後繼續顯示“Like / Nope”文本,
旋轉卡片,並修改下一張卡片的比例和不透明度
詳細的講解是這樣
鐵人感冒了的第一天....好慘果然沒認真打就沒什麼人看
應該一半都是我自己點進來看一下想一下要打什麼的哈哈
先將 喜歡 不喜歡的function 定義起來
https://ithelp.ithome.com.tw/upload/images/20190919/20103516a8lcAwkMts.jpg
然後細寫click事件 與前端要呈現的icon
https://ithelp.ithome.com.tw/upload/images/20190919/20103516VMqFbbMyAp.jpghttps://ithelp.ithome.com.tw/upload/images/20190919/20103516dp96H0sgiS.jpghttps://ithelp.ithome.com.tw/upload/images/20190919/201035162tAzfgWSE5.jpghttps://ithelp.ithome.com.tw/upload/images/20190919/20103516lyOAfEmTk5.jpg
之後再細寫其他的
參考網站:
https://www.youtube.com/watch?time_continue=572&v=mmHywzVkKn8
https://www.youtube.com/watch?v=wLGM04oi_wE


上一篇
[Day 14.] 自動化紀錄log的方式--vbscript
下一篇
[Day 16] 自動化Line訊息推薦
系列文
自動化技術在生活與工作上的應用29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言